<template>
<div>
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
    <img style="height:58px" src="@/assets/logo/BeiLianlogo.png"/>
    <el-menu-item style="float: right" index="5">注册试用</el-menu-item>
    <el-menu-item style="float: right" index="4">联系我们</el-menu-item>
    <el-menu-item style="float: right" index="3">文档</el-menu-item>
    <el-menu-item style="float: right" index="2">公司官网</el-menu-item>
    <el-submenu style="float: right"  index="1">
      <template slot="title">产品</template>
      <el-menu-item index="1-1">通用版</el-menu-item>
      <el-menu-item index="1-2">门窗版</el-menu-item>
      <el-menu-item index="1-3">兽药版</el-menu-item>
    </el-submenu>
  </el-menu>
    <img style="width: 100%" src="@/assets/images/login-background.jpg"/>

</div>
</template>
<script>
export default {
  name: 'Product',
  created() {
    document.title="ERP产品页面"
  }
}
</script>
<style scoped>
.first>li{
  float:right;
  display: block;
  margin-right: 8px;
  padding: 8px;
}
.first>li:hover{

}
.second{
  position: absolute;
  right: 0px;
  margin-top: 8px;
  display: none;
}
.second>li{
  display: block;

  padding: 8px;
}
.menu:hover .second{
  display: block;

}
.menu{
  overflow: hidden;
}
.second>li:hover{

}

</style>
